﻿<%@ Page Title="双色球首尾球和值走势图" Language="C#" MasterPageFile="~/APP_Master/MasterPage.master" 
AutoEventWireup="true" CodeFile="shuangsesw.aspx.cs" Inherits="shuangsesw" %>

<%@ Register src="APP_Controls/Dianping.ascx" tagname="Dianping" tagprefix="uc1" %>
<%@ Register src="APP_Controls/ZouShi.ascx" tagname="ZouShi" tagprefix="uc2" %>
<%@ Register src="APP_Controls/Friend.ascx" tagname="Friend" tagprefix="uc3" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style>
table, td {
	border:1px solid #95DBFF;
	border-collapse:collapse;
	text-align:center;
}
</style>
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script> 
    <script type="text/javascript">
        var count=<%=jinqiCount %>; 
        //期数数据数组，需要程序生成或者AJAX请求。跟蓝球数组一一对应
        var qiarr=new Array();
        var qiarrqs=new Array();
       // var lanarr=new Array();
        //蓝球数据数组，需要程序生成或者AJAX请求。跟期数数组一一对应 
        //var lanarr = new Array(13,12,01,14,06,05,08,09,01,04,07,04,10,08,01,11,15,01,09,11,12,05,15,05,07,13,02,11,02,16) 
        //蓝球尾数数据数组，需要程序生成或者处理上一个数组。跟期数数组一一对应
        //var lanwsarr = new Array(5, 8, 5, 4, 8, 4, 9, 6, 2, 1, 2, 3, 7, 5, 5, 5, 2, 1, 9, 1, 5, 1, 1, 8, 0, 4, 7, 4, 1, 9)
        $.post("/Ajax/blueSw.aspx", { type: 1,counts:count}, function (data) {  
        var hezhistr=data.toString().split('*')[0];
        var buleballjo=data.toString().split('*')[1];
        var buleballdx = data.toString().split('*')[2];
        var buleballsanlu = data.toString().split('*')[3]; 
            CreateData(hezhistr , buleballjo , buleballdx , buleballsanlu);
        }, "text");    

       function CreateData(hezhistr , buleballjo , buleballdx , buleballsanlu){     
            var t2harr = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10,11,12,13); //表格3表头
            CreateTable("zstable2", count, 14, "A2", t2harr, "", "", 0); //创建表格 
            var a2ids = ""; //按数组构建蓝球走势字符串
            for (var i = 0; i < count; i++) {
                a2ids += "A2" + (i + 1) + "_" + parseInt(hezhistr.split(',')[i]) + ",";
            } 
            a2ids = a2ids.substring(0, a2ids.length - 1); //去掉字符串末尾的逗号 
            //调用CreateLine函数画线，显示文字，增加球型背景
            CreateLine(a2ids, 23, "#1489ec", "canvasdiv2", "url('images/buy_blueball.jpg') no-repeat 8px 3px", "#ffffff");

            var t3harr = new Array(0, 1); //表格3表头
            CreateTableDS("zstable3", count, 2, "A3", t3harr, "", "", 0); //创建表格 
            var a3ids = ""; //按数组构建蓝球走势字符串
            for (var i = 0; i < count; i++) {
                a3ids += "A3" + (i + 1) + "_" + parseInt(buleballjo.split(',')[i]) + ",";
            } 
            a3ids = a3ids.substring(0, a3ids.length - 1); //去掉字符串末尾的逗号 
            //调用CreateLine函数画线，显示文字，增加球型背景
            CreateLine(a3ids, 23, "#1489ec", "canvasdiv3", "url('images/buy_blueball.jpg') no-repeat 5px 5px", "#ffffff");

            
            var t4harr = new Array(0, 1); //表格3表头
            CreateTableDX("zstable4", count, 2, "A4", t4harr, "", "", 0); //创建表格 
            var a4ids = ""; //按数组构建蓝球走势字符串
            for (var i = 0; i < count; i++) {
                a4ids += "A4" + (i + 1) + "_" + parseInt(buleballdx.split(',')[i]) + ",";
            } 
            a4ids = a4ids.substring(0, a4ids.length - 1); //去掉字符串末尾的逗号 
            //调用CreateLine函数画线，显示文字，增加球型背景
            CreateLine(a4ids, 23, "#1489ec", "canvasdiv4", "url('images/buy_blueball.jpg') no-repeat 5px 5px", "#ffffff");


             var t6harr = new Array(0, 1,2); //表格3表头
            CreateTable4("zstable6", count, 3, "A5", t6harr, "", "", 0); //创建表格
            var a6ids = ""; //按数组构建蓝球走势字符串 
            for (var i = 0; i < count; i++) {
                a6ids += "A5" + (i + 1) + "_" + parseInt(buleballsanlu.split(',')[i]) + ",";
            } 
            a6ids = a6ids.substring(0, a6ids.length - 1); //去掉字符串末尾的逗号 
            //调用CreateLine函数画线，显示文字，增加球型背景
            CreateLine(a6ids, 23, "#1489ec", "canvasdiv6", "url('images/buy_blueball.jpg') no-repeat 5px 5px", "#ffffff");
            
        }
        /*
        * 创建表格函数
        *
        * @access      public
        * @t           strig    目标表格。
        * @h           int      创建表格行数。
        * @l           int      创建表格列数。
        * @tag         strig    单元格id前缀，与ids字符串的前缀对应。
        * @htag        array    行头数组。
        * @htagwidth   int      行头对应宽度数组。
        * @hcon        Array    行头对应数据数组。
        * @start       int      内容数开始。0或者1
        */  
        
         function CreateTable4(t, h, l, tag, htag, htagwidth, hcon, start) { 
            var tbody = "";
            var head = "<tr>"; 
            //console.log(head);
            for (var i = 0; i < h; i++) {
                tbody += "<tr>";
                for (var j = 0; j < l; j++) {
                    if (hcon != '') {
                        tbody += "<td class=\"w28 f18\"  style=\"color:White\"  id='" + tag + "" + (i + 1) + "_" + (j + 1) + "' style='color:#000;'>" + hcon[j][i] + "</td>";
                    } else {
                        if (start == 0) {
                            tbody += "<td  class=\"w28 f18\"   style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>" + (j) + "</td>"; //此处id与画线函数对应传入的ids参数对应
                        } else {
                            tbody += "<td   class=\"w28 f18\" style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j + 1) + "'>" + (j + 1) + "</td>"; //此处id与画线函数对应传入的ids参数对应
                        }
                    }
                }
                tbody += "</tr>";
            }
            head += "</tr>"; 
            $("#" + t + " tbody").html(tbody);
        }


  function CreateTableDX(t, h, l, tag, htag, htagwidth, hcon, start) { 
            var tbody = "";
            var head = "<tr>"; 
            //console.log(head);
            for (var i = 0; i < h; i++) {
                tbody += "<tr>";
                for (var j = 0; j < l; j++) {
                    if (hcon != '') {
                        tbody += "<td class=\"w28 f18\"  style=\"color:White\"  id='" + tag + "" + (i + 1) + "_" + (j + 1) + "' style='color:#000;'>" + hcon[j][i] + "</td>";
                    } else {
                        if (start == 0) {
                            if((j)=="0")
                            {
                                tbody += "<td  class=\"w28 f18\"   style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>小</td>"; //此处id与画线函数对应传入的ids参数对应
                            }
                            else
                            {
                                tbody += "<td  class=\"w28 f18\"   style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>大</td>";
                            }
                            //tbody += "<td  class=\"w28 f18\"   style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>" + (j) + "d</td>";
                        } else {
                            tbody += "<td   class=\"w28 f18\" style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j + 1) + "'>" + (j + 1) + "s</td>"; //此处id与画线函数对应传入的ids参数对应
                        }
                    }
                }
                tbody += "</tr>";
            }
            head += "</tr>"; 
            $("#" + t + " tbody").html(tbody);
        }
         function CreateTableDS(t, h, l, tag, htag, htagwidth, hcon, start) { 
            var tbody = "";
            var head = "<tr>"; 
            //console.log(head);
            for (var i = 0; i < h; i++) {
                tbody += "<tr style=\"background-color:#FFFFFF\">";
                for (var j = 0; j < l; j++) {
                    if (hcon != '') {
                        tbody += "<td style=\"color:White\"  style=\"width:35px\"   id='" + tag + "" + (i + 1) + "_" + (j + 1) + "' style='color:#000;'>" + hcon[j][i] + "</td>";
                    } else {
                        if (start == 0) {
                            if((j)=="0")
                            {
                                tbody += "<td  style=\"color:White\"  style=\"width:35px\"  id='" + tag + "" + (i + 1) + "_" + (j) + "'>单</td>"; //此处id与画线函数对应传入的ids参数对应
                            }
                            else
                            {
                                tbody += "<td   style=\"color:White\" style=\"width:35px\"   id='" + tag + "" + (i + 1) + "_" + (j) + "'>双</td>";
                            }
                            //tbody += "<td  class=\"w28 f18\"   style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>" + (j) + "d</td>";
                        } else {
                            tbody += "<td    style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j + 1) + "'>" + (j + 1) + "s</td>"; //此处id与画线函数对应传入的ids参数对应
                        }
                    }
                }
                tbody += "</tr>";
            }
            head += "</tr>"; 
            $("#" + t + " tbody").html(tbody);
        }
        function CreateTable(t, h, l, tag, htag, htagwidth, hcon, start) {
            var tbody = "";
            var head = "<tr style=\"background-color:#0195df; color:#FFFFFF; height:24px;\">"; 
            //console.log(head);
            for (var i = 0; i < h; i++) {
                tbody += "<tr>";
                for (var j = 0; j < l; j++) {  
                if (hcon != '') {
                        tbody += "<td  style=\"width:24px\"  style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j + 1) + "' style='color:#000;'>" + hcon[j][i] + "</td>";
                    } else { 
                        if (start == 0) {
                            tbody += "<td  style=\"width:24px\"  style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j) + "'>" + (j+21) + "</td>"; //此处id与画线函数对应传入的ids参数对应
                        } else {
                            tbody += "<td   style=\"width:24px\" style=\"color:White\" id='" + tag + "" + (i + 1) + "_" + (j + 1) + "'>" + (j + 22) + "</td>"; //此处id与画线函数对应传入的ids参数对应
                        }
                    }   
                }
                tbody += "</tr>";
            }
            head += "</tr>";   
            $("#" + t + " tbody").html(tbody); 
        } 
        /*
        * canvas画线函数
        *
        * @access   public
        * @ids      string  每行的号码字符串，格式为"T1_15,T2_8,T3_5,T4_4,T5_8,T6_4,T7_9,T8_16,T9_2,T10_11,T11_2,T12_13,T13_7,T14_5,T15_15,T16_5,T17_12,T18_11,T19_9,T20_1,T21_15,T22_11,T23_1,T24_8,T25_10,T26_4,T27_7,T28_4,T29_1,T30_9,"不包含引号。共30组（数量视数组而定）。
        * @w        int     每列宽度。
        * @c        string  画线颜色，格式为"#000000"不包含引号。
        * @div      string  canvas容器ID。
        * @bg       string  当期号码球星背景相对地址，格式为"url('images/bg.png') 0px -2px"。
        * @fc       string  文字颜色，格式为"#000000"不包含引号。
        */
        function CreateLine(ids, w, c, div, bg, fc) {
          var list = ids.split(",");
            //console.log(list);
            //console.log(list.length);
            for (var j = list.length - 1; j > 0; j--) {
                var tid = $("#" + list[j]);
                var fid = $("#" + list[j - 1]);
                var f_width = fid.outerWidth();
                var f_height = fid.outerHeight();
                var f_offset = fid.offset();
                var f_top = f_offset.top;
                var f_left = f_offset.left;
                var t_offset = tid.offset();
                var t_top = t_offset.top;
                var t_left = t_offset.left;
                var cvs_left = Math.min(f_left, t_left);
                var cvs_top = Math.min(f_top, t_top);
                tid.css("background", bg).css("color", fc);
                fid.css("background", bg).css("color", fc);
                var cvs = document.createElement("canvas");
                cvs.width = Math.abs(f_left - t_left) < w ? w : Math.abs(f_left - t_left);
                cvs.height = Math.abs(f_top - t_top);
                cvs.style.top = cvs_top + parseInt(f_height / 2) + "px";
                if(f_left - t_left == 0)
                {
                    cvs.style.left = cvs_left + parseInt(f_width / 2) - 8 + "px";
                }
                else
                {
                    cvs.style.left = cvs_left + parseInt(f_width / 2) + "px";
                }
                cvs.style.position = "absolute";
                var cxt = cvs.getContext("2d");
                cxt.save();
                cxt.strokeStyle = c;
                cxt.lineWidth = 2;
                cxt.lineJoin = "round";
                cxt.beginPath();
                if(f_left - t_left == 0)
                {
                    cxt.moveTo(f_left - cvs_left+8, f_top - cvs_top);
                    cxt.lineTo(t_left - cvs_left+8, t_top - cvs_top);
                }
                else
                {
                    cxt.moveTo(f_left - cvs_left, f_top - cvs_top);
                    cxt.lineTo(t_left - cvs_left, t_top - cvs_top);
                }
                cxt.closePath();
                cxt.stroke();
                cxt.restore();
                $("#" + div).append(cvs);
            }
        }
        function CreateLine(ids, w, c, div, bg, fc) {
          var list = ids.split(",");
            console.log(list);
            //console.log(list.length);
            for (var j = list.length - 1; j > 0; j--) {
                var tid = $("#" + list[j]);
                var fid = $("#" + list[j - 1]);
                var f_width = fid.outerWidth();
                var f_height = fid.outerHeight();
                var f_offset = fid.offset();
                //console.log(f_offset);
                var f_top = f_offset.top;
                var f_left = f_offset.left;
                var t_offset = tid.offset();
                var t_top = t_offset.top;
                var t_left = t_offset.left;
                var cvs_left = Math.min(f_left, t_left);
                var cvs_top = Math.min(f_top, t_top);
                tid.css("background", bg).css("color", fc);
                fid.css("background", bg).css("color", fc);
                var cvs = document.createElement("canvas");
                cvs.width = Math.abs(f_left - t_left) < w ? w : Math.abs(f_left - t_left);
                cvs.height = Math.abs(f_top - t_top);
                cvs.style.top = cvs_top + parseInt(f_height / 2) + "px";
                if(f_left - t_left == 0)
                {
                    cvs.style.left = cvs_left + parseInt(f_width / 2) - 8 + "px";
                }
                else
                {
                    cvs.style.left = cvs_left + parseInt(f_width / 2) + "px";
                }
                cvs.style.position = "absolute";
                var cxt = cvs.getContext("2d");
                cxt.save();
                cxt.strokeStyle = c;
                cxt.lineWidth = 2;
                cxt.lineJoin = "round";
                cxt.beginPath();
                var lineoffset = 8
                var s_x = f_left - cvs_left;
                var s_y = f_top - cvs_top;
                //console.log("CVS宽度："+cvs.width,"CVS高度："+cvs.height);
                //console.log("开始坐标X："+s_x,"开始坐标Y："+s_y);
                if(s_x >= 0 && s_x < cvs.width)
                {
                    s_x = s_x + lineoffset;
                }
                else if(s_x >= cvs.width)
                {
                    s_x = s_x - lineoffset;
                }
                if(s_y >= 0 && s_y < cvs.height)
                {
                    s_y = s_y + lineoffset;
                }
                else if(s_y >= cvs.height)
                {
                    s_y = s_y - lineoffset;
                }
                cxt.moveTo(s_x, s_y);
                //console.log("开始坐标X："+s_x, "开始坐标Y："+s_y);
                var e_x = t_left - cvs_left;
                var e_y = t_top - cvs_top;
                //console.log("结束坐标X："+e_x,"结束坐标Y："+e_y);
                if(e_x >= 0 && e_x < cvs.width)
                {
                    e_x = e_x + lineoffset;
                }
                else if(e_x >= cvs.width)
                {
                    e_x = e_x - lineoffset;
                }
                if(e_y >= 0 && e_y < cvs.height)
                {
                    e_y = e_y + lineoffset;
                }
                else if(e_y >= cvs.height)
                {
                    e_y = e_y - lineoffset;
                }
                cxt.lineTo(e_x, e_y);
                //console.log("结束坐标X："+e_x,"结束坐标Y："+e_y);
                cxt.closePath();
                cxt.stroke();
                cxt.restore();
                $("#" + div).append(cvs);
            }
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<!--GreenNav-->
<div class="nav_green">
	<div class="cookie">
    	您现在所在位置：<a href="Default.aspx">首页</a> > 走势图 > 双色球和值走势图
    </div>
    <ul class="g_nav">
    	<li><a href="" class="g_cur">走势图表</a></li>
        <%--<li><a href="">杀号定胆</a></li>--%>
    </ul>
</div>
<!--GreenNav-->
<h2 class="zoushi_t">双色球首尾球和值走势图</h2>
<!--Content-->
<div class="zhoushi">
	<!--Title-->
    <div class="zhoushi_title">
    	<div class="zs_t_box">
            选择：
            <asp:DropDownList ID="DropDownList1" runat="server" >
            <asp:ListItem Value="30">最近30期</asp:ListItem>
            <asp:ListItem Value="50">最近50期</asp:ListItem>
            </asp:DropDownList>
      </div>
      <div class="zs_t_box">
        红球号码按
          <asp:DropDownList ID="DropDownList2" runat="server">
            <asp:ListItem>摇奖顺序</asp:ListItem>
          </asp:DropDownList>
       </div>
      <%--<div class="zs_t_box">
        红球走势按
          <asp:DropDownList ID="DropDownList3" runat="server">
            <asp:ListItem>11</asp:ListItem>
          </asp:DropDownList>
        </div>--%>
      <div class="zs_t_box">
        <%--列进行分区--%>
        <asp:Button ID="Button1" runat="server" Text="开始查看"  class="red_link" 
              onclick="Button1_Click"/> 
        </div>
    </div>
    <!--Title-->
    <!--Zoushi-->
    <div class="zs_table">
    
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr style="background-color:#0195df; color:#FFFFFF; height:63px;">
        <td style=" color:#FFF;">日期</td>
        <td style=" color:#FFF;">期号</td>
        <td style=" color:#FFF;" colspan="6">红球开奖号码</td>
        <td style=" color:#FFF;">首球</td>
        <td style=" color:#FFF;">尾数</td>
      </tr> <%if (arlist != null && arlist.Count > 0)
              {
                  for (int i = arlist.Count - 1; i >= 0; i--)
                  {%> 
      <tr> 

        <td style="background-color:#ddf4ff; white-space:nowrap;"><%=arlist[i].openTime.ToString("yyyy-MM-dd")%></td>
        <td style="background-color:ffffff;white-space:nowrap;"><%=arlist[i].LotteryQS%></td>
        <td style="background-color:#ffffe8;white-space:nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[0]%></td>
        <td style="background-color:#ffffe8;white-space:nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[1]%></td>
        <td style="background-color:#ffffe8;white-space:nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[2]%></td>
        <td style="background-color:#ffffe8;white-space:nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[3]%></td>
        <td style="background-color:#ffffe8;white-space:nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[4]%></td>
        <td style="background-color:#ffffe8;white-space:nowrap;"><%=arlist[i].LotteryNo.Split('+')[0].Split(',')[5]%></td>
        <td style="background-color:#ceefff;white-space:nowrap;"><%=dt.Rows[i][0]%></td>
        <td style="background-color:#ceefff;white-space:nowrap;"><%=dt.Rows[i][1]%></td>
      </tr>
      <%}
              } %>
    </table></td>
    <td><table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td style="background-color:#0195df; color:#FFFFFF; height:24px;" colspan="14" style=" color:#FFF;">首尾球和值</td>
        </tr>
      <tr style="background-color:#0195df; color:#FFFFFF; height:24px;">
        <td style=" color:#FFF;">21</td>
        <td style=" color:#FFF;">22</td>
        <td style=" color:#FFF;">23</td>
        <td style=" color:#FFF;">24</td>
        <td style=" color:#FFF;">25</td>
        <td style=" color:#FFF;">26</td>
        <td style=" color:#FFF;">27</td>
        <td style=" color:#FFF;">28</td>
        <td style=" color:#FFF;">29</td>
        <td style=" color:#FFF;">30</td>
        <td style=" color:#FFF;">31</td>
        <td style=" color:#FFF;">32</td>
        <td style=" color:#FFF;">33</td>
        <td style=" color:#FFF;">34</td>
      </tr>
      
       
    </table> 
    <table id="zstable2" width="100%" border="1" cellspacing="0" cellpadding="0"> 
                <tbody></tbody> 
            <div id="canvasdiv2"></div>
        </table> 
    </td>
    <td><table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr style="background-color:#0195df; color:#FFFFFF; height:24px;">
        <td colspan="2" style=" color:#FFF;">奇偶</td>
        </tr>
      <tr style="background-color:#0195df; color:#FFFFFF; height:24px;">
        <td style=" color:#FFF;">单</td>
        <td style=" color:#FFF;">双</td>
      </tr> 
    </table>
    
        <table  id="zstable3" width="100%" border="1" cellspacing="0" cellpadding="0"> 
                <tbody></tbody> 
            <div id="canvasdiv3"></div>
        </table>
    </td>
    <td><table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr style="background-color:#0195df; color:#FFFFFF;  height:24px;">
        <td colspan="2" style=" color:#FFF;">大小</td>
        </tr>
      <tr style="background-color:#0195df; color:#FFFFFF;  height:24px;">
        <td style=" color:#FFF;">小</td>
        <td style=" color:#FFF;">大</td>
      </tr> 
    </table>
    
        <table  id="zstable4" width="100%" border="1" cellspacing="0" cellpadding="0"> 
                <tbody></tbody> 
            <div id="canvasdiv4"></div>
        </table>
    </td>
    <td><table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr style="background-color:#0195df; color:#FFFFFF; height:24px;">
        <td colspan="3" style=" color:#FFF;">三路</td>
        </tr>
      <tr style="background-color:#0195df; color:#FFFFFF; height:24px;">
        <td style=" color:#FFF;">0</td>
        <td style=" color:#FFF;">1</td>
        <td style=" color:#FFF;">2</td>
      </tr> 
    </table>
    
        <table  id="zstable6" width="100%" border="1" cellspacing="0" cellpadding="0"> 
                <tbody></tbody> 
            <div id="canvasdiv6"></div>
        </table>
    </td>
  </tr>
</table>
 
 <table cellpadding="0" cellspacing="0" border="0" width="100%" class="">
           
          	<tr>
              <td class="w22 red" style="width:275px;" color:#FFF;"></td>
              <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">21</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">22</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">23</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">24</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">25</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">26</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">27</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">28</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">29</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">30</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">31</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">32</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">33</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">34</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">单</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">双</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">大</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">小</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">0</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">1</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">2</font></td> 
       	    </tr>
            <tr>
              <td class="w22 red" style="width:275px;" color:#FFF;"></td>
              <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">21</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">22</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">23</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">24</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">25</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">26</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">27</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">28</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">29</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">30</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">31</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">32</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">33</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">34</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">单</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">双</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">大</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">小</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">0</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">1</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">2</font></td> 
       	    </tr>
            <tr>
              <td class="w22 red" style="width:275px;" color:#FFF;"></td>
              <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">21</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">22</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">23</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">24</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">25</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">26</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">27</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">28</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">29</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">30</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">31</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">32</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">33</font></td>
        	  <td class="w22 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">34</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">单</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">双</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">大</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">小</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">0</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">1</font></td>
          	  <td class="w25 red" style="width:22px;" bgcolor="#FFF" onclick="if(this.bgColor=='#ffffff'){ this.bgColor='#ff6600';}else{ this.bgColor='#ffffff'};" title="点击空格可以帮助记录选号" style="CURSOR: text"><font color="#FFFFFF">2</font></td> 
       	    </tr>
          </table>

          <table cellpadding="0" cellspacing="0" border="0" width="100%" class="zs_body">
          	<tr>
            	<td rowspan="2" class="w60" style="width:275px"><strong>统计</strong></td> 
                <%for (int i = 0; i < 21; i++)
                  { %>
                <td  class="w22 h92"  style="width:22px" >
                <div class="zs_z_bg" style="height:<%=TiaoxingDT[i]*100/jinqiCount>100?100:TiaoxingDT[i]*100/jinqiCount%>px;"></div></td>
                <%} %>  
                 
            </tr>
          	<tr>
              <td class="w22 red" style="width:22px; color:#FFF;">21</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">22</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">23</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">24</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">25</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">26</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">27</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">28</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">29</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">30</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">31</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">32</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">33</td>
        	  <td class="w22 red" style="width:22px; color:#FFF;">34</td>
          	  <td class="w25 red" style="width:22px; color:#FFF;">单</td>
          	  <td class="w25 red" style="width:22px; color:#FFF;">双</td>
          	  <td class="w25 red" style="width:22px; color:#FFF;">大</td>
          	  <td class="w25 red" style="width:22px; color:#FFF;">小</td>
          	  <td class="w25 red" style="width:22px; color:#FFF;">0</td>
          	  <td class="w25 red" style="width:22px; color:#FFF;">1</td>
          	  <td class="w25 red" style="width:22px; color:#FFF;">2</td> 
       	    </tr>
          </table>
    </div>
    <!--Zoushi-->
</div>
    <div class="zs_infor"><%--说明：点击最后空行上的空格，可以帮助记录选号。--%></div>
<!--Content-->
    <uc1:Dianping ID="Dianping1" runat="server" />
    <uc2:ZouShi ID="ZouShi1" runat="server" />
<uc3:Friend ID="Friend1" runat="server" />
</asp:Content>

